/* upload
*/
.el-upload-dragger {
  background-color: var(--white);
  border-color: var(--stroke-border-neutral-rest);
}

.el-upload {
  &.el-upload--text {
    .el-upload-dragger {
      @apply p-8 rounded-lg;
      .el-icon--upload {
        margin-bottom: 16px;
        font-size: 28px;
        line-height: 1;
        color: var(--text-cta-rest);
      }
      .el-upload__text {
        @apply text-label-2;
        color: var(--text-content-darkest);
      }
      .el-upload__tip {
        @apply text-body-3;
        margin-top: 4px;
        color: var(--text-content-subtle);
      }
    }
  }
}

.el-upload-list {
  &.el-upload-list--text {
    @apply relative rounded-lg mt-4 overflow-hidden;
    &::before {
      @apply absolute -z-0 top-0 left-0 right-0 bottom-0 rounded-lg;
      content: '';
      border: 1px solid var(--stroke-border-neutral-rest);
    }
    .el-upload-list__item {
      @apply my-4 px-4;
      .el-progress {
        @apply relative top-0 mt-2;
      }
      .el-button {
        @apply p-0 w-5 h-5;
      }
      &:hover {
        @apply bg-transparent;
      }
    }
  }
  &.el-upload-list--picture-card {
    @apply rounded-lg;
    background-color: var(--white);
    border-color: var(--stroke-border-neutral-rest);
  }
}

.el-upload--picture-card {
  @apply rounded-lg;
  background-color: var(--surface-neutral-secondary-rest);
  border-color: var(--stroke-border-neutral-rest);
  .el-icon {
    font-size: 32px;
    color: var(--text-content-subtle);
  }
}
